🎉
@MindFreeze We would need to add a reset zoom button somewhere

🎉 @MindFreeze We would need to add a reset zoom button somewhere

Indeed. I added double click to reset zoom for now but we need something more obvious for desktop. On mobile you can use your fingers

We can add buttons later if we want but this is already very usable so we can merge it

Very nice! One thing i noticed: If you try to zoom out on a chart using binary or text sensors bar chart: the chart gets hidden and does not come back. Behavior is on desktop and my mobile.

ctrl+select also causes the same issue on timeline charts.

Also ctrl+select triggers the context menu for me... not an ideal UX

Also ctrl+select triggers the context menu for me... not an ideal UX

Now I remember that's why I used shift in the beginning

Looks like Google maps use the command button on Mac. Will change to that. They've made it work with ctrl as well but the hint says "⌘ + scroll"

Maybe it would in a later step also be possible to sync time periods across multiple charts: If for example timeline charts and graph charts is loaded at the same time: Looks like the API could make this possible? chart.pan(delta, scales?, mode = 'none'): void (https://www.chartjs.org/chartjs-plugin-zoom/latest/guide/developers.html#imperative-zoom-pan-api)
On that base it perhaps would also be possible to recognize zoom out tries, even the chartjs-plugin has fully zoomed out, react on that and load a longer period of time?

Zooming out for more data is tricky because then you can't easily return to the initial state. We'd have to pollute the UI with a reset button. Panning to the left to load older data would be easier though

The text sensor chart will be fixed separately #23270